<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Adomx - Responsive Bootstrap 4 Admin Template</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">

    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/vendor/material-design-iconic-font.min.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/vendor/themify-icons.css">
    <link rel="stylesheet" href="assets/css/vendor/cryptocurrency-icons.css">

    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/css/plugins/plugins.css">

    <!-- Helper CSS -->
    <link rel="stylesheet" href="assets/css/helper.css">

    <!-- Main Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css">

    <!-- Custom Style CSS Only For Demo Purpose -->
    <link id="cus-style" rel="stylesheet" href="assets/css/style-primary.css">

</head>

<body>

    <div class="main-wrapper">


        <!-- Header Section Start -->
        <div class="header-section">
            <div class="container-fluid">
                <div class="row justify-content-between align-items-center">

                    <!-- Header Logo (Header Left) Start -->
                    <div class="header-logo col-auto">
                        <a href="index.html">
                            <img src="assets/images/logo/logo.png" alt="">
                            <img src="assets/images/logo/logo-light.png" class="logo-light" alt="">
                        </a>
                    </div><!-- Header Logo (Header Left) End -->

                    <!-- Header Right Start -->
                    <div class="header-right flex-grow-1 col-auto">
                        <div class="row justify-content-between align-items-center">

                            <!-- Side Header Toggle & Search Start -->
                            <div class="col-auto">
                                <div class="row align-items-center">

                                    <!--Side Header Toggle-->
                                    <div class="col-auto"><button class="side-header-toggle"><i class="zmdi zmdi-menu"></i></button></div>

                                    <!--Header Search-->
                                    <div class="col-auto">

                                        <div class="header-search">

                                            <button class="header-search-open d-block d-xl-none"><i class="zmdi zmdi-search"></i></button>

                                            <div class="header-search-form">
                                                <form action="#">
                                                    <input type="text" placeholder="Search Here">
                                                    <button><i class="zmdi zmdi-search"></i></button>
                                                </form>
                                                <button class="header-search-close d-block d-xl-none"><i class="zmdi zmdi-close"></i></button>
                                            </div>

                                        </div>
                                    </div>

                                </div>
                            </div><!-- Side Header Toggle & Search End -->

                            <!-- Header Notifications Area Start -->
                            <div class="col-auto">

                                <ul class="header-notification-area">

                                    <!--Language-->
                                    <li class="adomx-dropdown position-relative col-auto">
                                        <a class="toggle" href="#"><img class="lang-flag" src="assets/images/flags/flag-1.jpg" alt=""><i class="zmdi zmdi-caret-down drop-arrow"></i></a>

                                        <!-- Dropdown -->
                                        <ul class="adomx-dropdown-menu dropdown-menu-language">
                                            <li><a href="#"><img src="assets/images/flags/flag-1.jpg" alt=""> English</a></li>
                                            <li><a href="#"><img src="assets/images/flags/flag-2.jpg" alt=""> Japanese</a></li>
                                            <li><a href="#"><img src="assets/images/flags/flag-3.jpg" alt=""> Spanish </a></li>
                                            <li><a href="#"><img src="assets/images/flags/flag-4.jpg" alt=""> Germany</a></li>
                                        </ul>

                                    </li>

                                    <!--Mail-->
                                    <li class="adomx-dropdown col-auto">
                                        <a class="toggle" href="#"><i class="zmdi zmdi-email-open"></i><span class="badge"></span></a>

                                        <!-- Dropdown -->
                                        <div class="adomx-dropdown-menu dropdown-menu-mail">
                                            <div class="head">
                                                <h4 class="title">You have 3 new mail.</h4>
                                            </div>
                                            <div class="body custom-scroll">
                                                <ul>
                                                    <li>
                                                        <a href="#">
                                                            <div class="image"><img src="assets/images/avatar/avatar-2.jpg" alt=""></div>
                                                            <div class="content">
                                                                <h6>Sub: New Account</h6>
                                                                <p>There are many variations of passages of Lorem Ipsum available. </p>
                                                            </div>
                                                            <span class="reply"><i class="zmdi zmdi-mail-reply"></i></span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <div class="image"><img src="assets/images/avatar/avatar-1.jpg" alt=""></div>
                                                            <div class="content">
                                                                <h6>Sub: Mail Support</h6>
                                                                <p>There are many variations of passages of Lorem Ipsum available. </p>
                                                            </div>
                                                            <span class="reply"><i class="zmdi zmdi-mail-reply"></i></span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <div class="image"><img src="assets/images/avatar/avatar-2.jpg" alt=""></div>
                                                            <div class="content">
                                                                <h6>Sub: Product inquiry</h6>
                                                                <p>There are many variations of passages of Lorem Ipsum available. </p>
                                                            </div>
                                                            <span class="reply"><i class="zmdi zmdi-mail-reply"></i></span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <div class="image"><img src="assets/images/avatar/avatar-1.jpg" alt=""></div>
                                                            <div class="content">
                                                                <h6>Sub: Mail Support</h6>
                                                                <p>There are many variations of passages of Lorem Ipsum available. </p>
                                                            </div>
                                                            <span class="reply"><i class="zmdi zmdi-mail-reply"></i></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                    </li>

                                    <!--Notification-->
                                    <li class="adomx-dropdown col-auto">
                                        <a class="toggle" href="#"><i class="zmdi zmdi-notifications"></i><span class="badge"></span></a>

                                        <!-- Dropdown -->
                                        <div class="adomx-dropdown-menu dropdown-menu-notifications">
                                            <div class="head">
                                                <h5 class="title">You have 4 new notification.</h5>
                                            </div>
                                            <div class="body custom-scroll">
                                                <ul>
                                                    <li>
                                                        <a href="#">
                                                            <i class="zmdi zmdi-notifications-none"></i>
                                                            <p>There are many variations of pages available.</p>
                                                            <span>11.00 am   Today</span>
                                                        </a>
                                                        <button class="delete"><i class="zmdi zmdi-close-circle-o"></i></button>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="zmdi zmdi-block"></i>
                                                            <p>There are many variations of pages available.</p>
                                                            <span>11.00 am   Today</span>
                                                        </a>
                                                        <button class="delete"><i class="zmdi zmdi-close-circle-o"></i></button>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="zmdi zmdi-info-outline"></i>
                                                            <p>There are many variations of pages available.</p>
                                                            <span>11.00 am   Today</span>
                                                        </a>
                                                        <button class="delete"><i class="zmdi zmdi-close-circle-o"></i></button>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="zmdi zmdi-shield-security"></i>
                                                            <p>There are many variations of pages available.</p>
                                                            <span>11.00 am   Today</span>
                                                        </a>
                                                        <button class="delete"><i class="zmdi zmdi-close-circle-o"></i></button>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="zmdi zmdi-notifications-none"></i>
                                                            <p>There are many variations of pages available.</p>
                                                            <span>11.00 am   Today</span>
                                                        </a>
                                                        <button class="delete"><i class="zmdi zmdi-close-circle-o"></i></button>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="zmdi zmdi-block"></i>
                                                            <p>There are many variations of pages available.</p>
                                                            <span>11.00 am   Today</span>
                                                        </a>
                                                        <button class="delete"><i class="zmdi zmdi-close-circle-o"></i></button>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="zmdi zmdi-info-outline"></i>
                                                            <p>There are many variations of pages available.</p>
                                                            <span>11.00 am   Today</span>
                                                        </a>
                                                        <button class="delete"><i class="zmdi zmdi-close-circle-o"></i></button>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <i class="zmdi zmdi-shield-security"></i>
                                                            <p>There are many variations of pages available.</p>
                                                            <span>11.00 am   Today</span>
                                                        </a>
                                                        <button class="delete"><i class="zmdi zmdi-close-circle-o"></i></button>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="footer">
                                                <a href="#" class="view-all">view all</a>
                                            </div>
                                        </div>

                                    </li>

                                    <!--User-->
                                    <li class="adomx-dropdown col-auto">
                                        <a class="toggle" href="#">
                                            <span class="user">
                                        <span class="avatar">
                                            <img src="assets/images/avatar/avatar-1.jpg" alt="">
                                            <span class="status"></span>
                                            </span>
                                            <span class="name">Madison Howard</span>
                                            </span>
                                        </a>

                                        <!-- Dropdown -->
                                        <div class="adomx-dropdown-menu dropdown-menu-user">
                                            <div class="head">
                                                <h5 class="name"><a href="#">Madison Howard</a></h5>
                                                <a class="mail" href="#">mailnam@mail.com</a>
                                            </div>
                                            <div class="body">
                                                <ul>
                                                    <li><a href="#"><i class="zmdi zmdi-account"></i>Profile</a></li>
                                                    <li><a href="#"><i class="zmdi zmdi-email-open"></i>Inbox</a></li>
                                                    <li><a href="#"><i class="zmdi zmdi-wallpaper"></i>Activity</a></li>
                                                </ul>
                                                <ul>
                                                    <li><a href="#"><i class="zmdi zmdi-settings"></i>Setting</a></li>
                                                    <li><a href="#"><i class="zmdi zmdi-lock-open"></i>Sing out</a></li>
                                                </ul>
                                                <ul>
                                                    <li><a href="#"><i class="zmdi zmdi-paypal"></i>Payment</a></li>
                                                    <li><a href="#"><i class="zmdi zmdi-google-pages"></i>Invoice</a></li>
                                                </ul>
                                            </div>
                                        </div>

                                    </li>

                                </ul>

                            </div><!-- Header Notifications Area End -->

                        </div>
                    </div><!-- Header Right End -->

                </div>
            </div>
        </div><!-- Header Section End -->
        <!-- Side Header Start -->
        <div class="side-header show">
            <button class="side-header-close"><i class="zmdi zmdi-close"></i></button>
            <!-- Side Header Inner Start -->
            <div class="side-header-inner custom-scroll">

                <nav class="side-header-menu" id="side-header-menu">
                    <ul>
                        <li class="has-sub-menu"><a href="#"><i class="ti-home"></i> <span>Dashboard</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="index.html"><span>E-commerce (Default)</span></a></li>
                                <li><a href="index-crypto.html"><span>Cryptocurrency</span></a></li>
                            </ul>
                        </li>
                        <li><a href="widgets.html"><i class="ti-palette"></i> <span>Widgets</span></a></li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-package"></i> <span>Basic Elements</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="elements-alerts.html"><span>Alerts</span></a></li>
                                <li><a href="elements-accordions.html"><span>Accordions</span></a></li>
                                <li><a href="elements-avatar.html"><span>Avatar</span></a></li>
                                <li><a href="elements-badge.html"><span>Badge</span></a></li>
                                <li><a href="elements-buttons.html"><span>Buttons</span></a></li>
                                <li><a href="elements-carousel.html"><span>Carousel</span></a></li>
                                <li><a href="elements-dropdown.html"><span>Dropdown</span></a></li>
                                <li><a href="elements-list-group.html"><span>List Group</span></a></li>
                                <li><a href="elements-media.html"><span>Media</span></a></li>
                                <li><a href="elements-modal.html"><span>Modal</span></a></li>
                                <li><a href="elements-pagination.html"><span>Pagination</span></a></li>
                                <li><a href="elements-progress.html"><span>Progress Bar</span></a></li>
                                <li><a href="elements-spinners.html"><span>Spinners</span></a></li>
                                <li><a href="elements-tabs.html"><span>Tabs</span></a></li>
                                <li><a href="elements-tooltip.html"><span>Tooltip</span></a></li>
                                <li><a href="elements-typography.html"><span>Typography</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-crown"></i> <span>Advance Elements</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="elements-clipboard.html"><span>Clipboard</span></a></li>
                                <li><a href="elements-fullcalendar.html"><span>Full Calendar</span></a></li>
                                <li><a href="elements-media-player.html"><span>Media Player</span></a></li>
                                <li><a href="elements-sortable.html"><span>Sortable (Drag&Drop)</span></a></li>
                                <li><a href="elements-toastr.html"><span>Toastr</span></a></li>
                                <li><a href="elements-rating.html"><span>Rating</span></a></li>
                                <li><a href="elements-sweetalert.html"><span>Sweet Alert</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-stamp"></i> <span>Icons</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="icons-cryptocurrency.html"><span>Cryptocurrency</span></a></li>
                                <li><a href="icons-fontawesome.html"><span>Font Awesome</span></a></li>
                                <li><a href="icons-material.html"><span>Material Icon</span></a></li>
                                <li><a href="icons-themify.html"><span>Themify Icon</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-notepad"></i> <span>Forms</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="form-basic-elements.html"><span>Basic Elements</span></a></li>
                                <li><a href="form-checkbox.html"><span>Checkbox</span></a></li>
                                <li><a href="form-date-mask.html"><span>Date & Mask</span></a></li>
                                <li><a href="form-editor.html"><span>Editor</span></a></li>
                                <li><a href="form-file-upload.html"><span>File Upload</span></a></li>
                                <li><a href="form-layout.html"><span>Layout</span></a></li>
                                <li><a href="form-radio.html"><span>Radio</span></a></li>
                                <li><a href="form-range-slider.html"><span>Range Slider</span></a></li>
                                <li><a href="form-selects.html"><span>Selects</span></a></li>
                                <li><a href="form-switchers.html"><span>Switchers</span></a></li>
                                <li><a href="form-wizard.html"><span>Wizard</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-layout"></i> <span>Table</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="table-basic.html"><span>Basic</span></a></li>
                                <li><a href="table-data-table.html"><span>Data Table</span></a></li>
                                <li><a href="table-footable.html"><span>Footable</span></a></li>
                                <li><a href="table-jsgrid.html"><span>Jsgrid</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-pie-chart"></i> <span>Charts</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="chart-chartjs.html"><span>ChartJs</span></a></li>
                                <li><a href="chart-echarts.html"><span>Echarts</span></a></li>
                                <li><a href="chart-google.html"><span>Google Chart</span></a></li>
                                <li><a href="chart-morris.html"><span>Morris  Chart</span></a></li>
                                <li><a href="chart-sparkline.html"><span>Sparkline  Chart</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-map"></i> <span>Maps</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="map-vector.html"><span>Vector Map</span></a></li>
                                <li><a href="map-google.html"><span>Google Map</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-shopping-cart"></i> <span>E-commerce</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="add-product.html"><span>Add Product</span></a></li>
                                <li><a href="edit-product.html"><span>Edit Product</span></a></li>
                                <li><a href="invoice-list.html"><span>Invoice List</span></a></li>
                                <li><a href="invoice-details.html"><span>Invoice Details</span></a></li>
                                <li><a href="order-list.html"><span>Order List</span></a></li>
                                <li><a href="order-details.html"><span>Order Details</span></a></li>
                                <li><a href="manage-products.html"><span>Manage Products</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-gift"></i> <span>Apps</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="chat.html"><span>Chat</span></a></li>
                                <li><a href="mail.html"><span>Mail</span></a></li>
                                <li><a href="single-mail.html"><span>Single Mail</span></a></li>
                                <li><a href="todo-list.html"><span>Todo List</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-lock"></i> <span>Authentication</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="login.html"><span>login</span></a></li>
                                <li><a href="register.html"><span>register</span></a></li>
                                <li><a href="author-profile.html"><span>Profile</span></a></li>
                            </ul>
                        </li>
                        <li class="has-sub-menu"><a href="#"><i class="ti-layers"></i> <span>Pages</span></a>
                            <ul class="side-header-sub-menu">
                                <li><a href="blank.html"><span>Blank</span></a></li>
                                <li><a href="timeline.html"><span>Timeline</span></a></li>
                                <li><a href="pricing.html"><span>Pricing</span></a></li>
                                <li><a href="error-1.html"><span>error-1</span></a></li>
                                <li><a href="error-2.html"><span>error-2</span></a></li>
                            </ul>
                        </li>

                    </ul>
                </nav>

            </div><!-- Side Header Inner End -->
        </div><!-- Side Header End -->

        <!-- Content Body Start -->
        <div class="content-body">

            <!-- Page Headings Start -->
            <div class="row justify-content-between align-items-center mb-10">

                <!-- Page Heading Start -->
                <div class="col-12 col-lg-auto mb-20">
                    <div class="page-heading">
                        <h3 class="title">Icons <span>/ Themify</span></h3>
                    </div>
                </div><!-- Page Heading End -->

            </div><!-- Page Headings End -->

            <div class="row">
                <div class="col-12">

                    <div class="box">
                        <div class="box-head">
                            <h3 class="title">Themify</h3>
                        </div>
                        <div class="box-body">

                            <h6 class="mb-15">Arrows & Direction</h6>
                            <div class="row no-gutters icon-list-wrap mb-20">

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-up"><span class="ti-arrow-up"></span><span class="icon-name"> ti-arrow-up</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-right"><span class="ti-arrow-right"></span><span class="icon-name"> ti-arrow-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-left"><span class="ti-arrow-left"></span><span class="icon-name"> ti-arrow-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-down"><span class="ti-arrow-down"></span><span class="icon-name"> ti-arrow-down</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrows-vertical"><span class="ti-arrows-vertical"></span><span class="icon-name"> ti-arrows-vertical</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrows-horizontal"><span class="ti-arrows-horizontal"></span><span class="icon-name"> ti-arrows-horizontal</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-angle-up"><span class="ti-angle-up"></span><span class="icon-name"> ti-angle-up</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-angle-right"><span class="ti-angle-right"></span><span class="icon-name"> ti-angle-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-angle-left"><span class="ti-angle-left"></span><span class="icon-name"> ti-angle-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-angle-down"><span class="ti-angle-down"></span><span class="icon-name"> ti-angle-down</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-angle-double-up"><span class="ti-angle-double-up"></span><span class="icon-name"> ti-angle-double-up</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-angle-double-right"><span class="ti-angle-double-right"></span><span class="icon-name"> ti-angle-double-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-angle-double-left"><span class="ti-angle-double-left"></span><span class="icon-name"> ti-angle-double-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-angle-double-down"><span class="ti-angle-double-down"></span><span class="icon-name"> ti-angle-double-down</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-move"><span class="ti-move"></span><span class="icon-name"> ti-move</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-fullscreen"><span class="ti-fullscreen"></span><span class="icon-name"> ti-fullscreen</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-top-right"><span class="ti-arrow-top-right"></span><span class="icon-name"> ti-arrow-top-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-top-left"><span class="ti-arrow-top-left"></span><span class="icon-name"> ti-arrow-top-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-circle-up"><span class="ti-arrow-circle-up"></span><span class="icon-name"> ti-arrow-circle-up</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-circle-right"><span class="ti-arrow-circle-right"></span><span class="icon-name"> ti-arrow-circle-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-circle-left"><span class="ti-arrow-circle-left"></span><span class="icon-name"> ti-arrow-circle-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrow-circle-down"><span class="ti-arrow-circle-down"></span><span class="icon-name"> ti-arrow-circle-down</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-arrows-corner"><span class="ti-arrows-corner"></span><span class="icon-name"> ti-arrows-corner</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-split-v"><span class="ti-split-v"></span><span class="icon-name"> ti-split-v</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-split-v-alt"><span class="ti-split-v-alt"></span><span class="icon-name"> ti-split-v-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-split-h"><span class="ti-split-h"></span><span class="icon-name"> ti-split-h</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-hand-point-up"><span class="ti-hand-point-up"></span><span class="icon-name"> ti-hand-point-up</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-hand-point-right"><span class="ti-hand-point-right"></span><span class="icon-name"> ti-hand-point-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-hand-point-left"><span class="ti-hand-point-left"></span><span class="icon-name"> ti-hand-point-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-hand-point-down"><span class="ti-hand-point-down"></span><span class="icon-name"> ti-hand-point-down</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-back-right"><span class="ti-back-right"></span><span class="icon-name"> ti-back-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-back-left"><span class="ti-back-left"></span><span class="icon-name"> ti-back-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-exchange-vertical"><span class="ti-exchange-vertical"></span><span class="icon-name"> ti-exchange-vertical</span></a></div>

                            </div>

                            <h6 class="mb-15">Web Application</h6>
                            <div class="row no-gutters icon-list-wrap mb-20">

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-wand"><span class="ti-wand"></span><span class="icon-name"> ti-wand</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-save"><span class="ti-save"></span><span class="icon-name"> ti-save</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-save-alt"><span class="ti-save-alt"></span><span class="icon-name"> ti-save-alt</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-direction"><span class="ti-direction"></span><span class="icon-name"> ti-direction</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-direction-alt"><span class="ti-direction-alt"></span><span class="icon-name"> ti-direction-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-user"><span class="ti-user"></span><span class="icon-name"> ti-user</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-link"><span class="ti-link"></span><span class="icon-name"> ti-link</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-unlink"><span class="ti-unlink"></span><span class="icon-name"> ti-unlink</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-trash"><span class="ti-trash"></span><span class="icon-name"> ti-trash</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-target"><span class="ti-target"></span><span class="icon-name"> ti-target</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-tag"><span class="ti-tag"></span><span class="icon-name"> ti-tag</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-desktop"><span class="ti-desktop"></span><span class="icon-name"> ti-desktop</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-tablet"><span class="ti-tablet"></span><span class="icon-name"> ti-tablet</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-mobile"><span class="ti-mobile"></span><span class="icon-name"> ti-mobile</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-email"><span class="ti-email"></span><span class="icon-name"> ti-email</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-star"><span class="ti-star"></span><span class="icon-name"> ti-star</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-spray"><span class="ti-spray"></span><span class="icon-name"> ti-spray</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-signal"><span class="ti-signal"></span><span class="icon-name"> ti-signal</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shopping-cart"><span class="ti-shopping-cart"></span><span class="icon-name"> ti-shopping-cart</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shopping-cart-full"><span class="ti-shopping-cart-full"></span><span class="icon-name"> ti-shopping-cart-full</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-settings"><span class="ti-settings"></span><span class="icon-name"> ti-settings</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-search"><span class="ti-search"></span><span class="icon-name"> ti-search</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-zoom-in"><span class="ti-zoom-in"></span><span class="icon-name"> ti-zoom-in</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-zoom-out"><span class="ti-zoom-out"></span><span class="icon-name"> ti-zoom-out</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-cut"><span class="ti-cut"></span><span class="icon-name"> ti-cut</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-ruler"><span class="ti-ruler"></span><span class="icon-name"> ti-ruler</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-ruler-alt-2"><span class="ti-ruler-alt-2"></span><span class="icon-name"> ti-ruler-alt-2</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-ruler-pencil"><span class="ti-ruler-pencil"></span><span class="icon-name"> ti-ruler-pencil</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-ruler-alt"><span class="ti-ruler-alt"></span><span class="icon-name"> ti-ruler-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-bookmark"><span class="ti-bookmark"></span><span class="icon-name"> ti-bookmark</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-bookmark-alt"><span class="ti-bookmark-alt"></span><span class="icon-name"> ti-bookmark-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-reload"><span class="ti-reload"></span><span class="icon-name"> ti-reload</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-plus"><span class="ti-plus"></span><span class="icon-name"> ti-plus</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-minus"><span class="ti-minus"></span><span class="icon-name"> ti-minus</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-close"><span class="ti-close"></span><span class="icon-name"> ti-close</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pin"><span class="ti-pin"></span><span class="icon-name"> ti-pin</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pencil"><span class="ti-pencil"></span><span class="icon-name"> ti-pencil</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pencil-alt"><span class="ti-pencil-alt"></span><span class="icon-name"> ti-pencil-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-paint-roller"><span class="ti-paint-roller"></span><span class="icon-name"> ti-paint-roller</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-paint-bucket"><span class="ti-paint-bucket"></span><span class="icon-name"> ti-paint-bucket</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-na"><span class="ti-na"></span><span class="icon-name"> ti-na</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-medall"><span class="ti-medall"></span><span class="icon-name"> ti-medall</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-medall-alt"><span class="ti-medall-alt"></span><span class="icon-name"> ti-medall-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-marker"><span class="ti-marker"></span><span class="icon-name"> ti-marker</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-marker-alt"><span class="ti-marker-alt"></span><span class="icon-name"> ti-marker-alt</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-lock"><span class="ti-lock"></span><span class="icon-name"> ti-lock</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-unlock"><span class="ti-unlock"></span><span class="icon-name"> ti-unlock</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-location-arrow"><span class="ti-location-arrow"></span><span class="icon-name"> ti-location-arrow</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout"><span class="ti-layout"></span><span class="icon-name"> ti-layout</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layers"><span class="ti-layers"></span><span class="icon-name"> ti-layers</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layers-alt"><span class="ti-layers-alt"></span><span class="icon-name"> ti-layers-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-key"><span class="ti-key"></span><span class="icon-name"> ti-key</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-image"><span class="ti-image"></span><span class="icon-name"> ti-image</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-heart"><span class="ti-heart"></span><span class="icon-name"> ti-heart</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-heart-broken"><span class="ti-heart-broken"></span><span class="icon-name"> ti-heart-broken</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-hand-stop"><span class="ti-hand-stop"></span><span class="icon-name"> ti-hand-stop</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-hand-open"><span class="ti-hand-open"></span><span class="icon-name"> ti-hand-open</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-hand-drag"><span class="ti-hand-drag"></span><span class="icon-name"> ti-hand-drag</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-flag"><span class="ti-flag"></span><span class="icon-name"> ti-flag</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-flag-alt"><span class="ti-flag-alt"></span><span class="icon-name"> ti-flag-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-flag-alt-2"><span class="ti-flag-alt-2"></span><span class="icon-name"> ti-flag-alt-2</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-eye"><span class="ti-eye"></span><span class="icon-name"> ti-eye</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-import"><span class="ti-import"></span><span class="icon-name"> ti-import</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-export"><span class="ti-export"></span><span class="icon-name"> ti-export</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-cup"><span class="ti-cup"></span><span class="icon-name"> ti-cup</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-crown"><span class="ti-crown"></span><span class="icon-name"> ti-crown</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-comments"><span class="ti-comments"></span><span class="icon-name"> ti-comments</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-comment"><span class="ti-comment"></span><span class="icon-name"> ti-comment</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-comment-alt"><span class="ti-comment-alt"></span><span class="icon-name"> ti-comment-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-thought"><span class="ti-thought"></span><span class="icon-name"> ti-thought</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-clip"><span class="ti-clip"></span><span class="icon-name"> ti-clip</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-check"><span class="ti-check"></span><span class="icon-name"> ti-check</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-check-box"><span class="ti-check-box"></span><span class="icon-name"> ti-check-box</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-camera"><span class="ti-camera"></span><span class="icon-name"> ti-camera</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-announcement"><span class="ti-announcement"></span><span class="icon-name"> ti-announcement</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-brush"><span class="ti-brush"></span><span class="icon-name"> ti-brush</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-brush-alt"><span class="ti-brush-alt"></span><span class="icon-name"> ti-brush-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-palette"><span class="ti-palette"></span><span class="icon-name"> ti-palette</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-briefcase"><span class="ti-briefcase"></span><span class="icon-name"> ti-briefcase</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-bolt"><span class="ti-bolt"></span><span class="icon-name"> ti-bolt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-bolt-alt"><span class="ti-bolt-alt"></span><span class="icon-name"> ti-bolt-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-blackboard"><span class="ti-blackboard"></span><span class="icon-name"> ti-blackboard</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-bag"><span class="ti-bag"></span><span class="icon-name"> ti-bag</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-world"><span class="ti-world"></span><span class="icon-name"> ti-world</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-wheelchair"><span class="ti-wheelchair"></span><span class="icon-name"> ti-wheelchair</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-car"><span class="ti-car"></span><span class="icon-name"> ti-car</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-truck"><span class="ti-truck"></span><span class="icon-name"> ti-truck</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-timer"><span class="ti-timer"></span><span class="icon-name"> ti-timer</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-ticket"><span class="ti-ticket"></span><span class="icon-name"> ti-ticket</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-thumb-up"><span class="ti-thumb-up"></span><span class="icon-name"> ti-thumb-up</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-thumb-down"><span class="ti-thumb-down"></span><span class="icon-name"> ti-thumb-down</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-stats-up"><span class="ti-stats-up"></span><span class="icon-name"> ti-stats-up</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-stats-down"><span class="ti-stats-down"></span><span class="icon-name"> ti-stats-down</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shine"><span class="ti-shine"></span><span class="icon-name"> ti-shine</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shift-right"><span class="ti-shift-right"></span><span class="icon-name"> ti-shift-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shift-left"><span class="ti-shift-left"></span><span class="icon-name"> ti-shift-left</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shift-right-alt"><span class="ti-shift-right-alt"></span><span class="icon-name"> ti-shift-right-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shift-left-alt"><span class="ti-shift-left-alt"></span><span class="icon-name"> ti-shift-left-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shield"><span class="ti-shield"></span><span class="icon-name"> ti-shield</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-notepad"><span class="ti-notepad"></span><span class="icon-name"> ti-notepad</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-server"><span class="ti-server"></span><span class="icon-name"> ti-server</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pulse"><span class="ti-pulse"></span><span class="icon-name"> ti-pulse</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-printer"><span class="ti-printer"></span><span class="icon-name"> ti-printer</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-power-off"><span class="ti-power-off"></span><span class="icon-name"> ti-power-off</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-plug"><span class="ti-plug"></span><span class="icon-name"> ti-plug</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pie-chart"><span class="ti-pie-chart"></span><span class="icon-name"> ti-pie-chart</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-panel"><span class="ti-panel"></span><span class="icon-name"> ti-panel</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-package"><span class="ti-package"></span><span class="icon-name"> ti-package</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-music"><span class="ti-music"></span><span class="icon-name"> ti-music</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-music-alt"><span class="ti-music-alt"></span><span class="icon-name"> ti-music-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-mouse"><span class="ti-mouse"></span><span class="icon-name"> ti-mouse</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-mouse-alt"><span class="ti-mouse-alt"></span><span class="icon-name"> ti-mouse-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-money"><span class="ti-money"></span><span class="icon-name"> ti-money</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-microphone"><span class="ti-microphone"></span><span class="icon-name"> ti-microphone</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-menu"><span class="ti-menu"></span><span class="icon-name"> ti-menu</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-menu-alt"><span class="ti-menu-alt"></span><span class="icon-name"> ti-menu-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-map"><span class="ti-map"></span><span class="icon-name"> ti-map</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-map-alt"><span class="ti-map-alt"></span><span class="icon-name"> ti-map-alt</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-location-pin"><span class="ti-location-pin"></span><span class="icon-name"> ti-location-pin</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-light-bulb"><span class="ti-light-bulb"></span><span class="icon-name"> ti-light-bulb</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-info"><span class="ti-info"></span><span class="icon-name"> ti-info</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-infinite"><span class="ti-infinite"></span><span class="icon-name"> ti-infinite</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-id-badge"><span class="ti-id-badge"></span><span class="icon-name"> ti-id-badge</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-hummer"><span class="ti-hummer"></span><span class="icon-name"> ti-hummer</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-home"><span class="ti-home"></span><span class="icon-name"> ti-home</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-help"><span class="ti-help"></span><span class="icon-name"> ti-help</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-headphone"><span class="ti-headphone"></span><span class="icon-name"> ti-headphone</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-harddrives"><span class="ti-harddrives"></span><span class="icon-name"> ti-harddrives</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-harddrive"><span class="ti-harddrive"></span><span class="icon-name"> ti-harddrive</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-gift"><span class="ti-gift"></span><span class="icon-name"> ti-gift</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-game"><span class="ti-game"></span><span class="icon-name"> ti-game</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-filter"><span class="ti-filter"></span><span class="icon-name"> ti-filter</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-files"><span class="ti-files"></span><span class="icon-name"> ti-files</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-file"><span class="ti-file"></span><span class="icon-name"> ti-file</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-zip"><span class="ti-zip"></span><span class="icon-name"> ti-zip</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-folder"><span class="ti-folder"></span><span class="icon-name"> ti-folder</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-envelope"><span class="ti-envelope"></span><span class="icon-name"> ti-envelope</span></a></div>


                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-dashboard"><span class="ti-dashboard"></span><span class="icon-name"> ti-dashboard</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-cloud"><span class="ti-cloud"></span><span class="icon-name"> ti-cloud</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-cloud-up"><span class="ti-cloud-up"></span><span class="icon-name"> ti-cloud-up</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-cloud-down"><span class="ti-cloud-down"></span><span class="icon-name"> ti-cloud-down</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-clipboard"><span class="ti-clipboard"></span><span class="icon-name"> ti-clipboard</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-calendar"><span class="ti-calendar"></span><span class="icon-name"> ti-calendar</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-book"><span class="ti-book"></span><span class="icon-name"> ti-book</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-bell"><span class="ti-bell"></span><span class="icon-name"> ti-bell</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-basketball"><span class="ti-basketball"></span><span class="icon-name"> ti-basketball</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-bar-chart"><span class="ti-bar-chart"></span><span class="icon-name"> ti-bar-chart</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-bar-chart-alt"><span class="ti-bar-chart-alt"></span><span class="icon-name"> ti-bar-chart-alt</span></a></div>


                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-archive"><span class="ti-archive"></span><span class="icon-name"> ti-archive</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-anchor"><span class="ti-anchor"></span><span class="icon-name"> ti-anchor</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-alert"><span class="ti-alert"></span><span class="icon-name"> ti-alert</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-alarm-clock"><span class="ti-alarm-clock"></span><span class="icon-name"> ti-alarm-clock</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-agenda"><span class="ti-agenda"></span><span class="icon-name"> ti-agenda</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-write"><span class="ti-write"></span><span class="icon-name"> ti-write</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-wallet"><span class="ti-wallet"></span><span class="icon-name"> ti-wallet</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-video-clapper"><span class="ti-video-clapper"></span><span class="icon-name"> ti-video-clapper</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-video-camera"><span class="ti-video-camera"></span><span class="icon-name"> ti-video-camera</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-vector"><span class="ti-vector"></span><span class="icon-name"> ti-vector</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-support"><span class="ti-support"></span><span class="icon-name"> ti-support</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-stamp"><span class="ti-stamp"></span><span class="icon-name"> ti-stamp</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-slice"><span class="ti-slice"></span><span class="icon-name"> ti-slice</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-shortcode"><span class="ti-shortcode"></span><span class="icon-name"> ti-shortcode</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-receipt"><span class="ti-receipt"></span><span class="icon-name"> ti-receipt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pin2"><span class="ti-pin2"></span><span class="icon-name"> ti-pin2</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pin-alt"><span class="ti-pin-alt"></span><span class="icon-name"> ti-pin-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pencil-alt2"><span class="ti-pencil-alt2"></span><span class="icon-name"> ti-pencil-alt2</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-eraser"><span class="ti-eraser"></span><span class="icon-name"> ti-eraser</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-more"><span class="ti-more"></span><span class="icon-name"> ti-more</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-more-alt"><span class="ti-more-alt"></span><span class="icon-name"> ti-more-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-microphone-alt"><span class="ti-microphone-alt"></span><span class="icon-name"> ti-microphone-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-magnet"><span class="ti-magnet"></span><span class="icon-name"> ti-magnet</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-line-double"><span class="ti-line-double"></span><span class="icon-name"> ti-line-double</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-line-dotted"><span class="ti-line-dotted"></span><span class="icon-name"> ti-line-dotted</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-line-dashed"><span class="ti-line-dashed"></span><span class="icon-name"> ti-line-dashed</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-ink-pen"><span class="ti-ink-pen"></span><span class="icon-name"> ti-ink-pen</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-info-alt"><span class="ti-info-alt"></span><span class="icon-name"> ti-info-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-help-alt"><span class="ti-help-alt"></span><span class="icon-name"> ti-help-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-headphone-alt"><span class="ti-headphone-alt"></span><span class="icon-name"> ti-headphone-alt</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-gallery"><span class="ti-gallery"></span><span class="icon-name"> ti-gallery</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-face-smile"><span class="ti-face-smile"></span><span class="icon-name"> ti-face-smile</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-face-sad"><span class="ti-face-sad"></span><span class="icon-name"> ti-face-sad</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-credit-card"><span class="ti-credit-card"></span><span class="icon-name"> ti-credit-card</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-comments-smiley"><span class="ti-comments-smiley"></span><span class="icon-name"> ti-comments-smiley</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-time"><span class="ti-time"></span><span class="icon-name"> ti-time</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-share"><span class="ti-share"></span><span class="icon-name"> ti-share</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-share-alt"><span class="ti-share-alt"></span><span class="icon-name"> ti-share-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-rocket"><span class="ti-rocket"></span><span class="icon-name"> ti-rocket</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-new-window"><span class="ti-new-window"></span><span class="icon-name"> ti-new-window</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-rss"><span class="ti-rss"></span><span class="icon-name"> ti-rss</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-rss-alt"><span class="ti-rss-alt"></span><span class="icon-name"> ti-rss-alt</span></a></div>

                            </div>

                            <h6 class="mb-15">Control</h6>
                            <div class="row no-gutters icon-list-wrap mb-20">

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-stop"><span class="ti-control-stop"></span><span class="icon-name"> ti-control-stop</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-shuffle"><span class="ti-control-shuffle"></span><span class="icon-name"> ti-control-shuffle</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-play"><span class="ti-control-play"></span><span class="icon-name"> ti-control-play</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-pause"><span class="ti-control-pause"></span><span class="icon-name"> ti-control-pause</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-forward"><span class="ti-control-forward"></span><span class="icon-name"> ti-control-forward</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-backward"><span class="ti-control-backward"></span><span class="icon-name"> ti-control-backward</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-volume"><span class="ti-volume"></span><span class="icon-name"> ti-volume</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-skip-forward"><span class="ti-control-skip-forward"></span><span class="icon-name"> ti-control-skip-forward</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-skip-backward"><span class="ti-control-skip-backward"></span><span class="icon-name"> ti-control-skip-backward</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-record"><span class="ti-control-record"></span><span class="icon-name"> ti-control-record</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-control-eject"><span class="ti-control-eject"></span><span class="icon-name"> ti-control-eject</span></a></div>

                            </div>

                            <h6 class="mb-15">Text Editor</h6>
                            <div class="row no-gutters icon-list-wrap mb-20">

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-paragraph"><span class="ti-paragraph"></span><span class="icon-name"> ti-paragraph</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-uppercase"><span class="ti-uppercase"></span><span class="icon-name"> ti-uppercase</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-underline"><span class="ti-underline"></span><span class="icon-name"> ti-underline</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-text"><span class="ti-text"></span><span class="icon-name"> ti-text</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-Italic"><span class="ti-Italic"></span><span class="icon-name"> ti-Italic</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-smallcap"><span class="ti-smallcap"></span><span class="icon-name"> ti-smallcap</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-list"><span class="ti-list"></span><span class="icon-name"> ti-list</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-list-ol"><span class="ti-list-ol"></span><span class="icon-name"> ti-list-ol</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-align-right"><span class="ti-align-right"></span><span class="icon-name"> ti-align-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-align-left"><span class="ti-align-left"></span><span class="icon-name"> ti-align-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-align-justify"><span class="ti-align-justify"></span><span class="icon-name"> ti-align-justify</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-align-center"><span class="ti-align-center"></span><span class="icon-name"> ti-align-center</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-quote-right"><span class="ti-quote-right"></span><span class="icon-name"> ti-quote-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-quote-left"><span class="ti-quote-left"></span><span class="icon-name"> ti-quote-left</span></a></div>

                            </div>

                            <h6 class="mb-15">Layout</h6>
                            <div class="row no-gutters icon-list-wrap mb-20">

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-width-full"><span class="ti-layout-width-full"></span><span class="icon-name"> ti-layout-width-full</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-width-default"><span class="ti-layout-width-default"></span><span class="icon-name"> ti-layout-width-default</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-width-default-alt"><span class="ti-layout-width-default-alt"></span><span class="icon-name"> ti-layout-width-default-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-tab"><span class="ti-layout-tab"></span><span class="icon-name"> ti-layout-tab</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-tab-window"><span class="ti-layout-tab-window"></span><span class="icon-name"> ti-layout-tab-window</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-tab-v"><span class="ti-layout-tab-v"></span><span class="icon-name"> ti-layout-tab-v</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-tab-min"><span class="ti-layout-tab-min"></span><span class="icon-name"> ti-layout-tab-min</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-slider"><span class="ti-layout-slider"></span><span class="icon-name"> ti-layout-slider</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-slider-alt"><span class="ti-layout-slider-alt"></span><span class="icon-name"> ti-layout-slider-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-sidebar-right"><span class="ti-layout-sidebar-right"></span><span class="icon-name"> ti-layout-sidebar-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-sidebar-none"><span class="ti-layout-sidebar-none"></span><span class="icon-name"> ti-layout-sidebar-none</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-sidebar-left"><span class="ti-layout-sidebar-left"></span><span class="icon-name"> ti-layout-sidebar-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-placeholder"><span class="ti-layout-placeholder"></span><span class="icon-name"> ti-layout-placeholder</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-menu"><span class="ti-layout-menu"></span><span class="icon-name"> ti-layout-menu</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-menu-v"><span class="ti-layout-menu-v"></span><span class="icon-name"> ti-layout-menu-v</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-menu-separated"><span class="ti-layout-menu-separated"></span><span class="icon-name"> ti-layout-menu-separated</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-menu-full"><span class="ti-layout-menu-full"></span><span class="icon-name"> ti-layout-menu-full</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-right"><span class="ti-layout-media-right"></span><span class="icon-name"> ti-layout-media-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-right-alt"><span class="ti-layout-media-right-alt"></span><span class="icon-name"> ti-layout-media-right-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-overlay"><span class="ti-layout-media-overlay"></span><span class="icon-name"> ti-layout-media-overlay</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-overlay-alt"><span class="ti-layout-media-overlay-alt"></span><span class="icon-name"> ti-layout-media-overlay-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-overlay-alt-2"><span class="ti-layout-media-overlay-alt-2"></span><span class="icon-name"> ti-layout-media-overlay-alt-2</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-left"><span class="ti-layout-media-left"></span><span class="icon-name"> ti-layout-media-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-left-alt"><span class="ti-layout-media-left-alt"></span><span class="icon-name"> ti-layout-media-left-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-center"><span class="ti-layout-media-center"></span><span class="icon-name"> ti-layout-media-center</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-media-center-alt"><span class="ti-layout-media-center-alt"></span><span class="icon-name"> ti-layout-media-center-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-list-thumb"><span class="ti-layout-list-thumb"></span><span class="icon-name"> ti-layout-list-thumb</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-list-thumb-alt"><span class="ti-layout-list-thumb-alt"></span><span class="icon-name"> ti-layout-list-thumb-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-list-post"><span class="ti-layout-list-post"></span><span class="icon-name"> ti-layout-list-post</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-list-large-image"><span class="ti-layout-list-large-image"></span><span class="icon-name"> ti-layout-list-large-image</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-line-solid"><span class="ti-layout-line-solid"></span><span class="icon-name"> ti-layout-line-solid</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-grid4"><span class="ti-layout-grid4"></span><span class="icon-name"> ti-layout-grid4</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-grid3"><span class="ti-layout-grid3"></span><span class="icon-name"> ti-layout-grid3</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-grid2"><span class="ti-layout-grid2"></span><span class="icon-name"> ti-layout-grid2</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-grid2-thumb"><span class="ti-layout-grid2-thumb"></span><span class="icon-name"> ti-layout-grid2-thumb</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-cta-right"><span class="ti-layout-cta-right"></span><span class="icon-name"> ti-layout-cta-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-cta-left"><span class="ti-layout-cta-left"></span><span class="icon-name"> ti-layout-cta-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-cta-center"><span class="ti-layout-cta-center"></span><span class="icon-name"> ti-layout-cta-center</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-cta-btn-right"><span class="ti-layout-cta-btn-right"></span><span class="icon-name"> ti-layout-cta-btn-right</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-cta-btn-left"><span class="ti-layout-cta-btn-left"></span><span class="icon-name"> ti-layout-cta-btn-left</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-column4"><span class="ti-layout-column4"></span><span class="icon-name"> ti-layout-column4</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-column3"><span class="ti-layout-column3"></span><span class="icon-name"> ti-layout-column3</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-column2"><span class="ti-layout-column2"></span><span class="icon-name"> ti-layout-column2</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-accordion-separated"><span class="ti-layout-accordion-separated"></span><span class="icon-name"> ti-layout-accordion-separated</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-accordion-merged"><span class="ti-layout-accordion-merged"></span><span class="icon-name"> ti-layout-accordion-merged</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-accordion-list"><span class="ti-layout-accordion-list"></span><span class="icon-name"> ti-layout-accordion-list</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-widgetized"><span class="ti-widgetized"></span><span class="icon-name"> ti-widgetized</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-widget"><span class="ti-widget"></span><span class="icon-name"> ti-widget</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-widget-alt"><span class="ti-widget-alt"></span><span class="icon-name"> ti-widget-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-view-list"><span class="ti-view-list"></span><span class="icon-name"> ti-view-list</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-view-list-alt"><span class="ti-view-list-alt"></span><span class="icon-name"> ti-view-list-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-view-grid"><span class="ti-view-grid"></span><span class="icon-name"> ti-view-grid</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-upload"><span class="ti-upload"></span><span class="icon-name"> ti-upload</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-download"><span class="ti-download"></span><span class="icon-name"> ti-download</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-loop"><span class="ti-loop"></span><span class="icon-name"> ti-loop</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-sidebar-2"><span class="ti-layout-sidebar-2"></span><span class="icon-name"> ti-layout-sidebar-2</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-grid4-alt"><span class="ti-layout-grid4-alt"></span><span class="icon-name"> ti-layout-grid4-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-grid3-alt"><span class="ti-layout-grid3-alt"></span><span class="icon-name"> ti-layout-grid3-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-grid2-alt"><span class="ti-layout-grid2-alt"></span><span class="icon-name"> ti-layout-grid2-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-column4-alt"><span class="ti-layout-column4-alt"></span><span class="icon-name"> ti-layout-column4-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-column3-alt"><span class="ti-layout-column3-alt"></span><span class="icon-name"> ti-layout-column3-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-layout-column2-alt"><span class="ti-layout-column2-alt"></span><span class="icon-name"> ti-layout-column2-alt</span></a></div>

                            </div>

                            <h6 class="mb-15">Brand</h6>
                            <div class="row no-gutters icon-list-wrap">

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-flickr"><span class="ti-flickr"></span><span class="icon-name"> ti-flickr</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-flickr-alt"><span class="ti-flickr-alt"></span><span class="icon-name"> ti-flickr-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-instagram"><span class="ti-instagram"></span><span class="icon-name"> ti-instagram</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-google"><span class="ti-google"></span><span class="icon-name"> ti-google</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-github"><span class="ti-github"></span><span class="icon-name"> ti-github</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-facebook"><span class="ti-facebook"></span><span class="icon-name"> ti-facebook</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-dropbox"><span class="ti-dropbox"></span><span class="icon-name"> ti-dropbox</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-dropbox-alt"><span class="ti-dropbox-alt"></span><span class="icon-name"> ti-dropbox-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-dribbble"><span class="ti-dribbble"></span><span class="icon-name"> ti-dribbble</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-apple"><span class="ti-apple"></span><span class="icon-name"> ti-apple</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-android"><span class="ti-android"></span><span class="icon-name"> ti-android</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-yahoo"><span class="ti-yahoo"></span><span class="icon-name"> ti-yahoo</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-trello"><span class="ti-trello"></span><span class="icon-name"> ti-trello</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-stack-overflow"><span class="ti-stack-overflow"></span><span class="icon-name"> ti-stack-overflow</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-soundcloud"><span class="ti-soundcloud"></span><span class="icon-name"> ti-soundcloud</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-sharethis"><span class="ti-sharethis"></span><span class="icon-name"> ti-sharethis</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-sharethis-alt"><span class="ti-sharethis-alt"></span><span class="icon-name"> ti-sharethis-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-reddit"><span class="ti-reddit"></span><span class="icon-name"> ti-reddit</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-microsoft"><span class="ti-microsoft"></span><span class="icon-name"> ti-microsoft</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-microsoft-alt"><span class="ti-microsoft-alt"></span><span class="icon-name"> ti-microsoft-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-linux"><span class="ti-linux"></span><span class="icon-name"> ti-linux</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-jsfiddle"><span class="ti-jsfiddle"></span><span class="icon-name"> ti-jsfiddle</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-joomla"><span class="ti-joomla"></span><span class="icon-name"> ti-joomla</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-html5"><span class="ti-html5"></span><span class="icon-name"> ti-html5</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-css3"><span class="ti-css3"></span><span class="icon-name"> ti-css3</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-drupal"><span class="ti-drupal"></span><span class="icon-name"> ti-drupal</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-wordpress"><span class="ti-wordpress"></span><span class="icon-name"> ti-wordpress</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-tumblr"><span class="ti-tumblr"></span><span class="icon-name"> ti-tumblr</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-tumblr-alt"><span class="ti-tumblr-alt"></span><span class="icon-name"> ti-tumblr-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-skype"><span class="ti-skype"></span><span class="icon-name"> ti-skype</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-youtube"><span class="ti-youtube"></span><span class="icon-name"> ti-youtube</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-vimeo"><span class="ti-vimeo"></span><span class="icon-name"> ti-vimeo</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-vimeo-alt"><span class="ti-vimeo-alt"></span><span class="icon-name"> ti-vimeo-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-twitter"><span class="ti-twitter"></span><span class="icon-name"> ti-twitter</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-twitter-alt"><span class="ti-twitter-alt"></span><span class="icon-name"> ti-twitter-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-linkedin"><span class="ti-linkedin"></span><span class="icon-name"> ti-linkedin</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pinterest"><span class="ti-pinterest"></span><span class="icon-name"> ti-pinterest</span></a></div>

                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-pinterest-alt"><span class="ti-pinterest-alt"></span><span class="icon-name"> ti-pinterest-alt</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-themify-logo"><span class="ti-themify-logo"></span><span class="icon-name"> ti-themify-logo</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-themify-favicon"><span class="ti-themify-favicon"></span><span class="icon-name"> ti-themify-favicon</span></a></div>
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12"><a href="#" data-clipboard-text="ti-themify-favicon-alt"><span class="ti-themify-favicon-alt"></span><span class="icon-name"> ti-themify-favicon-alt</span></a></div>

                            </div>

                        </div>
                    </div>

                </div>
            </div>

        </div><!-- Content Body End -->

        <!-- Footer Section Start -->
        <div class="footer-section">
            <div class="container-fluid">

                <div class="footer-copyright text-center">
                    <p class="text-body-light">2019 &copy; <a href="http://www.booTStrapmb.com">Codecarnival</a></p>
                </div>

            </div>
        </div><!-- Footer Section End -->

    </div>

    <!-- JS
============================================ -->

    <!-- Global Vendor, plugins & Activation JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <!--Plugins JS-->
    <script src="assets/js/plugins/perfect-scrollbar.min.js"></script>
    <script src="assets/js/plugins/tippy4.min.js.js"></script>
    <!--Main JS-->
    <script src="assets/js/main.js"></script>

    <!-- Plugins & Activation JS For Only This Page -->
    <script src="assets/js/plugins/clipboard/clipboard.min.js"></script>
    <script src="assets/js/plugins/clipboard/clipboard.active.js"></script>

</body>

</html>